$(function() {
	

	
	
    $(".side_l li").click(function() {
        $(".side_l li").removeClass("on");
        $(this).addClass("on");
    });

    var canGo = true;
    var al= $(".side_l li");
    var main = $(".turn");
    al.each(function(index, element) {
        $(this).click(function() {
            canGo = false;
            $("html,body").stop(true, false).animate({
                "scrollTop": main.eq(index).offset().top
            }, 500, function() {
                canGo = true;
            });

        });

    });

    $(window).scroll(function() {
		 if ($(window).scrollTop() >=695) {
              $(".side_l").addClass("fixed");
				
			}
			else{ 
				 $(".side_l").removeClass("fixed");
			}

        if (canGo) {
            var main = $(".turn");
		
			  if ($(window).scrollTop() >= main.eq(3).offset().top) {
                $(".side_l li").removeClass("on");
                $(".side_l li").eq(3).addClass("on");
            }
			else if ($(window).scrollTop() >= main.eq(2).offset().top) {
                $(".side_l li").removeClass("on");
                $(".side_l li").eq(2).addClass("on");
            }
			else if ($(window).scrollTop() >= main.eq(1).offset().top) {
                $(".side_l li").removeClass("on");
                $(".side_l li").eq(1).addClass("on");
            }
			else if ($(window).scrollTop() >= main.eq(0).offset().top) {
                $(".side_l li").removeClass("on");
                $(".side_l li").eq(0).addClass("on");
            }
			
        }
    });
	

});
